<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/frameCss/font-awesome-4.7.0/css/font-awesome.min.css"/>
		<style type="text/css">
			#footer{
				position: fixed;
				bottom: 0;
				right: 0;
				left: 0;
				width: 100%;
			}
			#footer>a{
				text-decoration: none;
				color: #999;
				width: 25%;
				height: 50px;
				display: inline-block;
				float: left;
				text-align: center;
				font-size: 16px;
			}
			#footer .footer-list{
				padding-top: 7px;
			}
			#footer>a li{
				list-style: none;
			}
			.active{
				color:#43AC43 !important
			}
		</style>	
	</head>
	<body>
		<div id="footer">
			
			<a href="javascript:void(0);" class="item-tab index">
				<ul class="footer-list">
					<li><i class="fa fa-home"></i></li>
					<li>首页</li>
				</ul>
			</a>
		
			<a href="javascript:void(0);" class="item-tab type">
				<ul class="footer-list">
					<li><i class="fa fa-bell-o"></i></li>
					<li>分类</li>
				</ul>
			</a>
				
			<a href="javascript:void(0);" class="item-tab post">
				<ul class="footer-list">
					<li><i class="fa fa-external-link"></i></li>
					<li>发布</li>
				</ul>
			</a>
		
			<a href="javascript:void(0);" class="item-tab user">
				<ul class="footer-list">
					<li><i class="fa fa-user-o"></i></li>
					<li>我</li>
				</ul>
			</a>
			
		</div>
		
		<script src="js/login/jquery-2.1.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				function footerClick(){
					$('#footer a').on('touchstart',function(e){
						if(e.target = $(this).eq(0)){
							window.location.href = 'index.html'
							$('.index').addClass('active');
						}
					})
				}
				footerClick();
			})
		</script>
	</body>
</html>
